<template>
  <a-modal
    v-model:visible="isModalVisible"
    title="发布新内容"
    ok-text="发布"
    cancel-text="取消"
    @ok="handlePublish1"
    @cancel="handleCancel"
  >
    <a-textarea
      v-model:value="newContent"
      :rows="4"
      placeholder="请输入内容..."
    />
  </a-modal>
</template>

<script lang="ts" setup>
import { ref } from 'vue';

const emit = defineEmits<{
  (event: 'submit', content: string): void;
}>();

// 输入框的内容
const newContent = ref(''); // 绑定父组件传递的值

// 控制弹窗的可见性
const isModalVisible = ref(false);

// 处理发布（点击确定按钮时触发）
const handlePublish1 = () => {
  if (newContent.value.trim()) {
    emit('submit', newContent.value); // 触发 submit 事件并传递内容
    isModalVisible.value = false; // 关闭弹窗
    newContent.value = ''
  } else {
    console.log('请输入内容');
  }
};

// 处理取消（点击取消按钮时触发）
const handleCancel = () => {
  isModalVisible.value = false; // 关闭弹窗
};
</script>
